<html>

<head>
	<title>Web activity manager - Guida </title>
	<link href="menu/menu.css" rel="stylesheet" type="text/css"/>
	<script src="xmlLoader.js" type="text/javascript"></script>
	<script src="menu_and_sessiondata.js" type="text/javascript"></script>
	<script>
		
		function init(){
		
			loadSessionData();
			generateMenu();
			generateGuide();
			generateLogout();
		}
		
		function generateLogout(){
		
			var link="/get_sessiondata";
			var sessionXML=loadXMLDoc(link);
			
			var currentuser;
			
			currentuser=sessionXML.getElementsByTagName("username")[0].childNodes[0].nodeValue;
			
			if(currentuser!="Guest"){
				document.getElementById("logoutbutton").innerHTML='<a href="http://localhost:4444/logout"><input type="button" value="logout"/></a>';
			}
		}
		
		function generateGuide(){
		
			var link="/menuLink";
			var menuXML=loadXMLDoc(link);
			
			var buttons=menuXML.getElementsByTagName("elemento");
			var i;
			var newText='<b>Guida alle funzioni della piattaforma:</b><br><br>';
			
			for(i=0;i<buttons.length;i++){
				nome=menuXML.getElementsByTagName("nome")[i].childNodes[0].nodeValue;
				link=menuXML.getElementsByTagName("link")[i].childNodes[0].nodeValue;

				if (nome.indexOf("Home") > -1){
					newText+='<b>Home:</b><br>La pagina di home della piattaforma, con la schermata di benvenuto.<br><br>';
				}
				if (nome.indexOf("Aggiungi operatori") > -1){
					newText+="<b>Aggiungi operatori:</b><br>Una volta creato il progetto, il Project Manager puo' registrare gli operatori presenti nel team. L'operazione consiste nel creare i vari account utente, impostando username e password. Una volta terminata questa operazione, l'utente sara' in grado di accedere alla piattaforma utilizzando questi dati.<br><br>";
				}
				if (nome.indexOf("Visualizza operatori") > -1){
					newText+="<b>Visualizza operatori:</b><br>Visualizza tutti gli operatori registrati nel progetto corrente. Il Project Manager puo' decidere di eliminare gli utenti (non puo' ovviamente eliminare se' stesso).<br><br>";
				}
				if (nome.indexOf("Guida") > -1){
					newText+="<b>Guida:</b><br>Visualizza questa pagina di guida.<br><br>";
				}
				if (nome.indexOf("Inserimento log") > -1){
					newText+="<b>Inserimento log:</b><br>Serve a inserire un log relativo ad un task di progetto. Inserire un log significa dichiarare di aver lavorato alcune ore su un task. Seleziona il task sul quale hai lavorato dal menu a tendina, quindi scrivi la data di lavoro, una breve descrizione del lavoro eseguito (facoltativa), e dichiara quante ore hai lavorato.<br><br>";
				}
				if (nome.indexOf("Inserimento task") > -1){
					newText+="<b>Inserimento task:</b><br>Serve a inserire un nuovo task di progetto. Un task rappresenta un lavoro da svolgere sul progetto. Una volta inserito un task, i vari utenti possono dichiarare di aver lavorato su di esso. Per inserire un task, inserisci il nome del task, una breve descrizione (facoltativa) e fai un ipotesi sul numero di ore previste per il suo completamento. Quindi, definisci una data di scadenza, entro cui stabilisci che il compito dev'essere portato a termine (se non vuoi dare una scadenza, puoi impostare come scadenza date volutamente esagerate, es. anno 3000).<br><br>";
				}
				if (nome.indexOf("Visualizza log") > -1){
					newText+="<b>Visualizza log:</b><br>Serve a visualizzare tutti i logs inseriti, relativi ad uno specifico task. Seleziona il task dal menu a tendina: compariranno tutti i logs inseriti. Un generico operatore potra' visualizzare solamente i propri logs, il Project Manager tutti i logs relativi al task, inseriti da tutti gli utenti. E' possibile eliminare i log inseriti.<br><br>";
				}
				if (nome.indexOf("Visualizza task") > -1){
					newText+="<b>Visualizza task:</b><br>Visualizza tutti i task relativi al progetto. Il campo 'Stato' riassume lo stato di completamento del task.<br>Pallino rosso: la data di scadenza e' stata superata, oppure si e' lavorato un numero di ore superiore alle ore previste per il completamento del task.<br>Pallino giallo: task in lavorazione. Rappresenta uno Stato 'normale'.<br>Pallino verde: task completato.<br>Utilizzando il pulsante 'Completato', si puo' dichiarare il completamento di un task. In caso di errore nella suddetta dichiarazione, e' possibile ridichiarare 'in lavorazione' il task ricliccando tale pulsante.<br>Il Project Manager ha la facolta' di eliminare i tasks.<br><br>";
				}
				if (nome.indexOf("Gestisci utente") > -1){
					newText+="<b>Gestisci utente:</b><br>Visualizza il form di cambio della password. Puoi cambiare la password corrente con una nuova.<br><br>";
				}
				if (nome.indexOf("Login") > -1){
					newText+="<b>Login:</b><br>Accedi alla piattaforma con un profilo utente gia' registrato.<br><br>";
				}
				if (nome.indexOf("Registrazione") > -1){
					newText+="<b>Registrazione:</b><br>Registra un nuovo profilo Project Manager, ed un nuovo progetto ad esso associato (le due operazioni sono inscindibili).<br><br>";
				}
			}
			document.getElementById("guide").innerHTML=newText;
		}
			
			
	</script>
	<link href="style/style.css" rel="stylesheet" type="text/css"/>
</head>

<body onload="init()">
	<div class = "header">

		<div class = "headerban">
			<h1><center> WEB ACTIVITY MANAGER </center></h1>
		</div>
		
		<div class = "session_data">
			<table>
				<tr>
					<td><b>Utente: </b></td>
					<td><div id = "current_user"></div>
					</td>
				</tr>
				<tr>
					<td>
						<b>Ruolo: </b></td>
					<td><div id = "current_role" ></div>
					</td>
				</tr>
				<tr>
					<td>
						<b>Progetto: </b></td>
					<td><div id = "current_project"></div>
					</td>
				</tr>
				<tr>
					<td>
						<div id="logoutbutton"></div>
					</td>
				</tr>
			</table>
		</div>
	</div>
	
	<!-- MENU -->
	<div class = "menu">
		<ul id="menu">
		</ul>
	</div>
	<br>
	<br>
	
	<div class = "funct_name">
		<h2><center> Guida alla piattaforma </center></h2>
	</div>
	
	<br>
	
	<!-- TESTO DELLA GUIDA -->
	<div class="guide" id="guide">
	</div>

	
</body>

</html>